<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="test"></div>
<script src="dist/sipoUtils.js"></script>
<script type="text/javascript">
  var str = '响一个触发信号提供一个地电位的第一装置?'
  var highlighters = [{
    word: '响 1w a 1w 个',
    color: 'red'
  }, {
    word: '1# 3w 发信号',
    color: 'blue'
  }, {
    word: '装置',
    color: 'black'
  }, {
    word: '一个',
    color: 'yellow'
  }, {
    word: '个地',
    color: 'black'
  }, {
    word: '?',
    color: 'yellow'
  }]
  /*var highlighters = [{
    word: '响 5w 触发',
    color: 'red'
  }]*/
  var hlStr = sipoUtils.highlight(str, highlighters, true, true)
  document.querySelector("#test").innerHTML = hlStr
</script>
</body>
</html>